    <style include="cr-shared-style cr-hidden-style settings-shared">
      #noSearchResults {
        margin-top: 80px;
        text-align: center;
      }

      #noSearchResults div:first-child {
        font-size: 123%;  /* Should be 16px when 100% is 13px. */
        margin-bottom: 10px;
      }

      managed-footnote {
        border-top: none;
        /* margin-bottom is needed to compensate for the next element's 21px
         * margin at the top and 8px padding at the top. This leaves a 12px
         * padding between this element's content and the top of the next
         * element's text. */
        margin-bottom: calc(-21px - 8px);
        padding-bottom: 16px;
        padding-top: 12px;
        /* The next element spills over this element. This ensures the link
         * is clickable. */
        position: relative;
        z-index: 1;
      }
    </style>
    <div id="noSearchResults" hidden$="[[!showNoResultsFound_]]">
      <div>$i18n{searchNoResults}</div>
      <div>$i18nRaw{searchNoResultsHelp}</div>
    </div>
    <template is="dom-if"
        if="[[showManagedHeader_(inSearchMode_, showingSubpage_,
        showPages_.about)]]" restamp>
      <managed-footnote></managed-footnote>
    </template>
    <template is="dom-if" if="[[showPages_.settings]]">
      <settings-basic-page
          class="cr-centered-card-container"
          prefs="{{prefs}}"
          page-visibility="[[pageVisibility]]"
          on-subpage-expand="onShowingSubpage_"
          on-showing-main-page="onShowingMainPage_"
          in-search-mode="[[inSearchMode_]]"
          advanced-toggle-expanded="{{advancedToggleExpanded}}">
      </settings-basic-page>
    </template>
    <template is="dom-if" if="[[showPages_.about]]">
      <settings-about-page role="main"
          class="cr-centered-card-container"
          prefs="{{prefs}}">
      </settings-about-page>
    </template>
